.container{
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
}

.site-navbar{float:right;font-size:18px;margin-top:7px;margin-right:-15px;}

.site-navbar a {
    display: block;
    padding: 0 15px;
    color: #666;
}
.site-navbar-set > a{
    color: #8AC78F;
}



.excerpt{border:1px solid #eaeaea;padding:20px 20px 20px 255px;overflow:hidden;background-color:#fff;margin-bottom:-1px;}
.excerpt .post-linkto{text-align:right;margin-bottom:0;}
.excerpt-text{padding-left:20px;}
.excerpt-text .note{margin-bottom:0;}
.excerpt-1{border-radius:4px 4px 0 0}
.excerpt-10{border-radius:0 0 4px 4px}
.excerpt:hover{background-color:#f9f9f9;position:relative;z-index:2;}
.excerpt .focus{float:left;margin-left:-235px;width:220px;}
.excerpt .thumb{width:220px;height:150px;}
.excerpt header{margin-bottom:10px;}
.excerpt .cat{color:#fff;background-color:#45BCF9;padding:3px 6px;font-size:12px;display:inline-block;position:relative;top:-2px;margin-right:6px;}
.excerpt .cat:hover{opacity:0.85;filter:alpha(opacity=85);}
.excerpt .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #45BCF9;border-top:4px solid transparent;border-bottom:4px solid transparent;}
.excerpt h2{display:inline;font-size:18px;line-height:24px;margin-top:0;font-weight:bold;}
.excerpt h2 a{color:#555;}
.excerpt h2 a:hover{color:#45B6F7;}
.excerpt h2 a span{color:#FF5E52;}
.excerpt h2 a:hover span{color:#45B6F7;}
.excerpt time,
.excerpt .pv,
.excerpt .pc,
.excerpt .author{margin-right:20px;}
.excerpt .note{font-size:12px;color:#999;word-wrap:break-word;line-height:20px;}
.excerpt .meta{color:#999;font-size:12px;margin-bottom:10px;}
.excerpt .meta .fa{margin-right:4px;}
.excerpt .meta a{color:#999;// text-decoration:underline;}
.excerpt .meta a:hover{color:#45B6F7;}
.list-comments-r .excerpt .meta .pc{float:right;margin-right:0;}


.title, .pagetitle{margin-bottom: 10px;overflow: hidden;}
.title h3, .pagetitle h1,  .pagetitle h2{font-size: 20px;margin: 0;float: left;}
.title .more{float: right;position: relative;top: 5px;}
.title .more a{display: inline-block;margin-left: 20px;color: #999;}
.title .more a:hover{color: #45B6F7;}
.pagetitle small{margin-left: 10px;position: relative;top: 2px;color: #999;}

.title .pull-right{font-size:12px;position:relative;bottom:-4px;}
.title .pull-right a{color:#bbb;}
.title .pull-right a:hover{color:#999;}
.single .title{border-bottom:1px solid #eaeaea;padding-bottom:10px;}
.hover-gree:hover{color:#8AC78F;cursor: pointer}
.cool{
    width: 100%;
    height: 500px;
    background-color: #45B6F7;
}
